<%-- 
    Document   : PaginaPrincipal
    Created on : 11-ago-2014, 17:15:34
    Author     : equipo_2
--%>

<%@page import="Modelo.SIS_EVENTOS"%>
<%@page import="CONTABILIDAD_MODELO.CON_MONEDA"%>
<%@page import="RRHH_Modelo.RHH_PERSONA"%>
<%@page import="Modelo.SIS_ACCEDIDOS"%>
<%@page import="java.util.ArrayList"%>
<%@page import="Modelo.SIS_SUB_PROCESO"%>
<%@page import="java.util.List"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>BROKER</title>
        <link href="css/NuevoStilo.css" rel="stylesheet" type="text/css"/>
        <link href="css/EstiloMedia.css" rel="stylesheet" type="text/css"/>
        <script src="login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <%
            if(request.getSession()==null)
            {
                response.sendRedirect("index.jsp");
            }
            RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));            
            Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());
            con.Conectar();
            SIS_ACCEDIDOS accedidos = new SIS_ACCEDIDOS();
            accedidos.setCon(con);
            accedidos.setID_USUARIO(usuario.getID());
            
            SIS_SUB_PROCESO sis_proceso = new SIS_SUB_PROCESO();
            sis_proceso.setCon(con);
            List<SIS_SUB_PROCESO> ListaMacro = sis_proceso.BuscarXusuario(usuario.getID());
            CON_MONEDA moneda = new CON_MONEDA();
            moneda.setCon(con);
            moneda=moneda.getMonedaBase(0);
            RHH_PERSONA persona = new RHH_PERSONA(con);
            persona = persona.BuscarxID(usuario.getID_PERSONA());
            SIS_EVENTOS event=new SIS_EVENTOS();
            String ht=event.imagenBase64(persona.getCI()+"", persona.getFOTO());
        %>
    </head>
    <body>
        <div id="configurar" data-tipo="1" class="popup" style="width: 494px; left: 852px; top: 36px; opacity: 1; color: white; border: none; border-bottom-left-radius: 15px; background-color: rgb(23, 23, 23);">
            <form id="formulariopas" enctype="multipart/form-data">
                <input type="hidden" name="proceso" value="cambiocontrasena"/>
                <div class="centrado negrilla">
                <%
                    out.print(persona.getPRIMER_NOMBRE()+" "+persona.getSEGUNDO_NOMBRE()+" "+persona.getPRIMER_APELLIDO()+" "+persona.getSEGUNDO_APELLIDO());
                %>
                </div>
                <div  style="width: 90px; margin-right: 6px; float: left;">
                    <img id="perfil" src="<% out.print(ht);%>" onclick="perfilfoto();" style=" width: 100%; position: relative; top: 11px;" alt=""/>
                    <input type="file" id="file" name="file" onchange="openFile(event,this,1);" style="display: none;"/>
                </div>
                <div style="display: inline-block; width: 200px; height: 145px;">

                        <span class="negrillaenter">Contrasena Actual</span>
                        <input name="contrasenaactual" type="password" class="normal" autocomplete="false" defaultValue="" />
                        <span class="negrillaenter">Contrasena Nueva</span>
                        <input name="contrasenanueva" type="password" class="normal" autocomplete="false" defaultValue=""/><br>
                        <button onclick="modificarContrasena()" type="button">Guardar</button>
                        <button onclick="cancelarConfiguracion()" type="button">Cancelar</button>

                </div>
             </form>
        </div>
        <input type="hidden" id="monedabase" value="<% out.print(moneda.getACRONIMO());%>"/>
        <div id="tituloMenu">
            <div id="IconoLista">            <img src="img/iconos/Lista.png" alt=""/>
            </div>
            <nav id="detalleUsuario">
                <div id="iconofotoperfil">
                    <img id="foto" src="<% out.print(ht);%>" onclick="configuracion(this)" style="border-radius: 20px; width: 100%; height: 100%;" alt=""/>
                </div>
                <%
                    List<SIS_ACCEDIDOS> lista = accedidos.TodosXUsuario();
                    for (int i = 0; i < lista.size(); i++) 
                    {
                        out.print("<a href='#' onclick=\"abrirSubProceso(\'"+lista.get(i).getURL()+"\')\">"+lista.get(i).getALIAS()+"</a>");
                    }
                %>                
                <a href="#"><% out.print(usuario.getUSUARIO());%></a>
                <a href="index.jsp">Cerrar Session</a>
             </nav>  
        </div>
        <menu>
            <div>
                <div id="busquedaProceso" >
                    <input  type="search"/>
                    <img src="img/iconos/Search.png" alt=""/>
                </div>
            </div>
         <ul>
             <%
                    for(int i =0; i<ListaMacro.size(); i++)
                    {
                        out.print("<li class='ItemHeader' onclick=\"buscarProceso(\'"+ListaMacro.get(i).getID()+"\')\">"+ListaMacro.get(i).getDESCRIPCION()+"</li>");
                    }
                %>                
            </ul>
        </menu>
        <section id="contenido">
             <div id="contenidoSubProceso">
             </div>
        </section>
        <div id="ContenedorFormularios" class="efectoFormulario efectoFormulariorotacion">
            <iframe class="formularioefecto"></iframe>
            
        </div>
        <div id="popUpbackGround"></div>
        <div id="poppupmoneda" class="popup">
            <div class="negrilla centrado">TIPO CAMBIO</div>
            <div id="cuerpomoneda">
                
            </div>
            <div class="centrado"> <button onclick="guardarcambio()">Guardar</button></div>
        </div>
         <script type="text/javascript">
             
            $( document ).ready(function() {
                var foto=$("#foto");
                var posicion = foto.position();
                $("#configurar").css({
                    left:posicion.left-6,
                    top:posicion.top+34,
                    opacity:0.7,
                });
                $("body").css("background-size",$(window).width()+"px "+$(window).height()+"px"); 
                $('menu ul').css("height",$(window).height());
                $('iframe').bind('paginaPrincipal', function() {
                });
                var height=$(window).height();
                $("#contenido").css("max-height",(height-(height*0.1)));
                /*$.post("SIS_MENU_CONTROLLER",{proceso:"esContador"},function(responsetext1){
                    if(parseInt(responsetext1)>0){
                        $.post("SIS_MENU_CONTROLLER",{proceso:"cambio"},function(responsetext){
                            var json=$.parseJSON("["+responsetext+"]");
                            tipoCambioBs=json;
                            $("#popUpbackGround").css("display","block");
                            $("#poppupmoneda").css("display","block");
                            $("#poppupmoneda").css({
                                left: ($(window).width() - $('#poppupmoneda').outerWidth())/2,
                                top: (($(window).height() -  $('#poppupmoneda').outerHeight())/2)-110
                            });
                            var html="";
                             $.each(json, function(i, item) {
                                html+="<span class='negrilla'>1 "+item.ACRONIMO+"=</span><input class='normal'  type='text' data-id='"+item.CODIGO+"' data-acronimo='"+item.ACRONIMO+"' value='"+item.TPCAMBIO+"' /><span class='negrilla'>"+$("#monedabase").val()+"</span><br>";
                            });
                            $("#cuerpomoneda").html(html);
                            $("#poppupmoneda input").keyup(function(e){
                                if ( e.keyCode== 9 || e.keyCode== 8|| e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105 || e.keyCode == 110 || e.keyCode == 190 ) {
                                    var textbox=$(this);
                                    $.each(tipoCambioBs,function(i,item){
                                        if(item.CODIGO == textbox.data("id")){
                                           item.TPCAMBIO=textbox.val();
                                        }
                                    });   
                                }else{
                                    alert("Solo ingrese datos numericos");
                                }
                            });
                        });
                    }
                });  */
            });
            $(window).resize(function(){
               $("menu").css("height",$(window).height()); 
               $("body").css("background-size",$(window).width()+"px "+$(window).height()+"px"); 
            });
            var tipoCambioBs=[];
            function guardarcambio(){
                $.post("SIS_MENU_CONTROLLER",{proceso:"guardarmoneda",moneda:tipoCambioBs,leng:tipoCambioBs.length},function(responsetext){
                    if(responsetext==="true"){
                        $("#popUpbackGround").css("display","none");
                        $("#poppupmoneda").css("display","none");
                    }else{
                        alert("Error de servidor vuelva a intentar")
                    }
                });
            }
            
            $(window).resize(function(){
                $("#poppupmoneda").css({
                   left: ($(window).width() - $('#poppupmoneda').outerWidth())/2,
                   top: (($(window).height() -  $('#poppupmoneda').outerHeight())/2)-110
                });
            });
                // ------ Cargar  SubProceso---------
                function buscarProceso(texto){
                    
                    $("#ContenedorFormularios").css("display","none");
                     $("#ContenedorFormularios > iframe").css("display","none");
                    var idProceso={
			idProceso : texto
                    };
                   $.get("SIS_MENU_CONTROLLER",idProceso,function(responsetext){
                       if(responsetext=="[object XMLDocument]")
                        {
                            parent.top.location.href = "../index.jsp";
                        }
                        $("#contenidoSubProceso").html(responsetext);
                       
                         var subProcesoContent=$(".subProceso");
                   });
                   $("#busquedaProceso > input").val("");
                }
                
                // --------abrir sub proceso agrandar iframe-------
                 function abrirSubProceso(texto){
                   
                    $('#ContenedorFormularios > iframe').attr("src", texto);
                    $('#ContenedorFormularios').css("display","block");
                    $('#ContenedorFormularios').addClass("formularioefecto2");                    
                    efectoCerrarMenu();
                    $.get("SIS_MENU_CONTROLLER",{busqueda:""},function(responsetext){
                       $("menu > ul").html(responsetext);
                       
                   });
                 }
                 function clickSubProceso(formulario,id,elemento){
                    if(formulario == ' null' || formulario== null ){
                        $.get("SIS_MENU_CONTROLLER",{idProceso:id},function(responsetext){
                            if(responsetext == ""){                                
                                $('.formularioefecto').attr("src", formulario);
                                $('#ContenedorFormularios').css("display","block");
                                $('#ContenedorFormularios').addClass("formularioefecto2").removeClass("efectoFormulariorotacion");
                                var box=$(elemento);
                                $('#ContenedorFormularios').css({
                                    left: box.position().left+"px",
                                    top: box.position().top+"px"
                                });
                                 efectoCerrarMenu();
                            }else{
                                  $("#contenidoSubProceso").html(responsetext);
                            }
                        });
                    }else{
                        $("#busquedaProceso input").val("");
                        //$("#busquedaProceso img").click();
                        $('.formularioefecto').attr("src", formulario);
                        $('#ContenedorFormularios').css("display","block");
                        $('#ContenedorFormularios').addClass("formularioefecto2").removeClass("efectoFormulariorotacion");
                        var box=$(elemento);
                        $('#ContenedorFormularios').css({
                            left: box.position().left+"px",
                            top: box.position().top+"px"
                        });
                         efectoCerrarMenu();
                    }
                    
                   
                 }
                var menuWidth=1;
                $("#IconoLista").click(function() {
                    efectoCerrarMenu();
                });
                function efectoCerrarMenu(){
                    $('#ContenedorFormularios').addClass("efectoFormulariorotacion");
                    var iFrameWidth="0";
                    var iFrameLeft="0";
                    if(menuWidth==0){
                        menuWidth="25%";
                        iFrameWidth="75%";
                        iFrameLeft="25%";
                    }else{
                        menuWidth="0";
                        iFrameWidth="100%";
                        iFrameLeft="0";
                    } 
                    var contenidoWidth=menuWidth=="0"?"100%":"75%";
                    $("menu").animate({
                        width: menuWidth
                    }, 300, function() {
                    });
                    $("#contenido").animate({
                        width: contenidoWidth
                    }, 300, function() {
                    });
                    $("#ContenedorFormularios").animate({
                        width: iFrameWidth,
                        height:"100%",
                        top:"37px",
                        left:iFrameLeft
                    }, 300, function() {
                        $('#ContenedorFormularios > iframe').css("display","block")
                    });
                }
                  // busquedor de proceso
                $("#busquedaProceso > img").click(function(){
                    var text=$("#busquedaProceso > input").val();
                    $.post("SIS_MENU_CONTROLLER",{proceso:"buscarproceso",busqueda:text},function(responsetext){
                       $("menu > ul").html(responsetext);
                       $("#busquedaProceso > input").val("");
                   });
                });
                function configuracion(elemento){//
                    if($("#configurar").data("tipo")=="1"){
                        $("#configurar").slideDown();
                        $("#configurar").data("tipo","0");
                    }else{
                        cancelarConfiguracion();
                    }
                    
                }
                function cancelarConfiguracion(){
                    if(foto!="")
                    $("#perfil").attr("src",foto);
                    $("input[name=contrasenaactual]").val("");
                    foto="";
                    $("input[name=contrasenanueva]").val("");
                    $("#configurar").slideUp();
                    $("#configurar").data("tipo","1");
                }
                function modificarContrasena(){
                    var formData = new FormData($("#formulariopas")[0]);
                    $.ajax({
                        url: "SIS_MENU_CONTROLLER",
                        type: 'POST',
                        data:  formData,
                        mimeType:"multipart/form-data",
                        contentType: false,
                        cache: false,
                        processData:false,
                        success: function(response, textStatus, jqXHR)
                        {
                            if(response==="false"){
                                alert("Error de servidor");
                                cancelarConfiguracion();
                                return;
                            }
                            if(response==="incorrecta"){
                                alert("Contraseña Incorrecta");
                                return;
                            }
                            
                            alert("Los cambio se realizaron con exito");
                            $("#foto").attr("src",$("#perfil").attr("src"));
                            $("input[name=contrasenaactual]").val("");
                            $("input[name=contrasenanueva]").val("");
                        }
                    });
                   
                }
                function perfilfoto(){
                    $("#file").click();
                }
                var foto="";
                function openFile(event,elem,tipo) 
                {
                    var input = event.target;
                    var reader = new FileReader();
                    reader.onload = function()
                    {
                        var dataURL = reader.result;
                        foto=$("#perfil").attr("src");
                        $("#perfil").attr("src",dataURL);
                    }
                    reader.readAsDataURL(input.files[0]);
                }
        </script>
        <%con.Close();%>
    </body>
</html>
